@import "./common/s_config";
.containt-box{
    margin:30px auto 0 auto;
    width:1200px;
    @extend .clearfix;
    .containt-right{
        float: right;
        width: 988px;
        .content-box {
            border: 1px solid #ddd;
            padding: 0 40px 50px 40px;
            background: #fff;
            min-height: 757px;
            .safe-grade {
                line-height: 85px;
                font-size: 16px;
                color: #333333;
                span {
                    padding-left: 20px;
                    color: #5cc117;
                }
            }
            .attestation-box {
                border-top: 1px solid #ddd;
                border-right: 1px solid #ddd;
                border-left: 1px solid #ddd;
                ul{
                    li{
                        border-bottom: 1px solid #ddd;
                        cursor: default;
                        .top {
                            padding: 0 60px 0 76px;
                            position: relative;
                            height: 80px;
                            line-height: 80px;
                            font-size: 12PX;
                            .attestation-status {
                                padding-right: 39px;
                                color: #666666;
                            }
                            .attestation-kind {
                                padding-right: 40px;
                                color: #333333;
                            }
                            .attestation-explain {
                                color: #999999;
                            }
                            .info {
                                position: absolute;
                                top: 0;
                                right: 103px;
                                color: #333333;
                            }
                            .edit-btn,.true-name {
                                position: absolute;
                                right: 60px;
                                top: 0;
                                height: 50px;
                                color: #f76867;
                            }
                            .forget-password {
                                position: absolute;
                                right: 100px;
                                top: 0;
                                height: 50px;
                                color: #f76867;
                                &::after{
                                    position: absolute;
                                    right: -9px;
                                    top: 50%;
                                    margin-top: 8px;
                                    border-right: 1px solid #f76867;
                                    height: 14px;
                                    content: "";
                                }
                            }
                        }
                        .attestated {
                            background: url(https://r.mzmoney.com/mz/img/hpimg/member/safeCenter/attestation-finished.png) no-repeat 40px center;
                        }
                        .attestate{
                            background: url(https://r.mzmoney.com/mz/img/hpimg/member/safeCenter/attestation.png) no-repeat 40px center;
                            .attestation-status {
                                color: #f76867 !important;
                            }
                        }
                        .edit-box {
                            display: none;
                            position: relative;
                            padding: 50px 75px 50px 75px;
                            border-top: 1px solid #ddd;
                            background: #f8f8f8;
                            .old-tel {
                                padding-bottom: 20px;
                                font-size: 14px;
                                color: #999999;
                            }
                            .input-box {
                                position: relative;
                                margin-bottom: 15px;
                                input[type="text"], input[type="password"] {
                                    display: inline-block;
                                    padding-left: 20px;
                                    border-radius: 4px;
                                    border: 1px solid #ddd;
                                    height: 30px;
                                    line-height: 30px;
                                    background: #fff;
                                    font-size: 12px;
                                    color: #666;
                                }
                                input[type="text"]::-webkit-input-placeholder,input[type="password"]::-webkit-input-placeholder{
                                    color: #ccc;
                                }
                                .img-code-box, .get-message-code {
                                    display: inline-block;
                                    margin-left: 11px;
                                    border: 1px solid #ddd;
                                    border-radius: 4px;
                                    width: 103px;
                                    height: 30px;
                                    vertical-align: top;
                                    img{
                                        width:100%;
                                        height:100%;
                                    }
                                }
                            }
                            .get-message-code {
                                line-height: 30px;
                                text-align: center;
                                font-size: 12px;
                                color: #f76867;
                            }
                            .submit-btn {
                                border:none;
                                display: inline-block;
                                margin-top: 9px;
                                border-radius: 4px;
                                width: 90px;
                                height: 28px;
                                background: #f76867;
                                line-height: 28px;
                                text-align: center;
                                font-size: 14px;
                                color: #fff;
                            }
                            .cancel-btn {
                                display: inline-block;
                                margin-left: 14px;
                                border:none;
                                border-radius: 4px;
                                border: 1px solid #ddd;
                                width: 90px;
                                height: 28px;
                                line-height: 28px;
                                text-align: center;
                                font-size: 14px;
                                color: #999999;
                            }
                            .error-box{
                                display: none;
                                span{
                                    display: inline-block;
                                    padding: 0 5px;
                                    border-radius: 4px;
                                    height: 20px;
                                    line-height: 20px;
                                    background: #f76867 !important;
                                    color: #fff !important;
                                }
                            }
                            #new-tel{
                                display: none;
                            }
                            #setPayPasswordStep2{
                                display: none;
                            }
                            .remind-text {
                                margin-top: 18px;
                                padding-left: 27px;
                                text-align: left;
                                font-size: 12px;
                                color: #666666;
                                line-height: 16px;
                                background: url(https://r.mzmoney.com/mz/img/hpimg/member/safeCenter/warm.png) left center no-repeat;
                            }
                            .progress {
                                margin: 0 auto 38px auto;
                                width: 531px;
                                span{
                                    display: inline-block;
                                    padding-bottom: 14px;
                                    text-align: center;
                                    font-size: 16px;
                                    color: #666666;
                                }

                                .identity{
                                    margin-left: 178px;
                                }
                                .set-question{
                                    margin-left:47px;
                                }
                                i{
                                    display: block;
                                    margin:0 auto;
                                    width: 305px;
                                    height: 21px;
                                }
                            }
                            .step1 {
                                .identity{
                                    color: #f76e6d !important;
                                }
                                i{
                                    background: url(https://r.mzmoney.com/mz/img/hpimg/member/safeCenter/s_step1.png);
                                    background-size: 100% 100%;
                                }
                            }
                            .step2{
                                .set-question{
                                    color: #f76e6d !important;
                                }
                                i{
                                    background: url(https://r.mzmoney.com/mz/img/hpimg/member/safeCenter/s_step2.png);
                                    background-size: 100% 100%;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}
label.error{
    margin-left: 10px;
    padding: 0 5px;
    border-radius: 4px;
    width: auto !important;
    height: 20px;
    line-height: 20px;
    background: #f76867 !important;
    color: #fff !important;
}
div.error{
    display: table;
    padding: 0 5px;
    border-radius: 4px;
    width: auto !important;
    height: 20px;
    line-height: 20px;
    background: #f76867 !important;
    color: #fff !important;
}
.modal-box {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(https://r.mzmoney.com/mz/img/hpimg/quick-loginbg.png) repeat;
    z-index: 1001;
    .modal {
        position: absolute;
        left: 50%;
        top: 50%;
        margin-top: -30px;
        margin-left: -76px;
        padding-left: 56px;
        border-radius: 4px;
        width: auto;
        height: 60px;
        text-align: left;
        background: url(https://r.mzmoney.com/mz/img/hpimg/member/safeCenter/edit-success.png) 25px center no-repeat #fff;
        background-size: 21px 21px;
        line-height: 60px;
        font-size: 18px;
        color: #666666;
    }
}
#correctSuccess{
    .modal{
        padding-right:20px;
    }
}
#verifyWarmTip{
    .modal{
        padding:0  10px !important;
        width:auto !important;
        background:#fff !important;
        text-align: center !important;
    }
}
.wth160{
    width:160px;
}
.wth279{
    width:279px;
}
.wth300{
    width:300px;
}